nz-spin {
  margin-top: 50px;
}

.content {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  overflow: hidden;

  .leftPanel {
    flex: 1;
    display: flex;
    overflow: hidden;
    overflow-y: auto;
    flex-direction: column;

    ::ng-deep {
      .ant-tabs-tab {
        padding: 3px 16px !important;
        cursor: inherit !important;

        :host-context(.night) & {
          background-color: #1e1e1e;
          border-bottom-color: #1e1e1e !important;
        }
      }

      .ant-tabs-tab-btn {
        color: #979797;

        :host-context(.night) & {
          color: #828282;
        }
      }

      nz-tabs-nav {
        margin: 0;
      }
    }

    nz-code-editor {
      height: 100%;
      border-left: 1px solid #f0f0f0;

      :host-context(.night) & {
        background-color: #1e1e1e;
        border-left: 1px solid #303030;
      }
    }
  }

  app-resizable-panel {
    height: 100%;

    app-graph {
      flex: 1;
      overflow: hidden;
      overflow-y: auto;
    }
  }
}